<div id="nutritionDetailsResult">
	#{if shoppingCart}
	<div id="nutritionDetailsModal" class="modal hide fade" tabindex="-1"
		role="dialog" aria-labelledby="nutritionDetailsModalLabel"
		aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="nutritionDetailsModalLabel">Nutrition Details</h3>
		</div>
		<div class="modal-body">
			<div>
				<p>The following table shows the calories of the products in
					your shopping cart.</p>
				#{if user?.dietInformation}
				<p>
					Your desired amount of calories is <strong>${user?.dietInformation?.targetCalories}</strong>
					per day
				</p>
				#{/if}
			</div>
			<div>
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th>Product</th>
							<th>Quantity</th>
							<th>Calories</th>
						</tr>
					</thead>
					<tbody>
						#{list items:shoppingCart.lines, as:'line'}
						<tr>
							<td>${line.product.name}</td>
							<td>${line.quantity}</td>
							<td>${line.calories}</td>
						</tr>
						#{/list}
						<tr>
							<td colspan=2>Total:</td>
							<td>${shoppingCart.calories}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
		</div>
	</div>
	#{/if}
</div>